<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/user.css">
<link rel="stylesheet" href="css/jquery.flex-images.css">
<script src="js/jquery.min.js"></script>
<script src="js/common.js"></script>

<body style="background: #F7F8FA">

<div class="over-flow top" style="">
    <div class="main">
        <div class="pull-left" style="margin: 24px 0px;">
            <a><img src="images/logo.png"></a>
        </div>
        <div class="pull-right text-right">
            <p>今天是：2016年07月25日&nbsp;星期一</p>
            <p>您好,&nbsp;&nbsp;<a>钟桂林</a></p>
        </div>
    </div>
</div>

<div class="main main-box over-flow" style="background: #4497D2;">
    <script>
        $(function(){
            var url=window.location.href;
            $(".user-nav dd" ).each(function(){
                if(url.indexOf($(this ).attr('data-tag'))!=-1){
                    $(this ).addClass('active' ).siblings().removeClass('active')

                }
            })
        })
    </script>
    <dl class="user-nav pull-left">
        <dt>个人中心</dt>
        <dd data-tag="user-tuwen"><a href="user-tuwen.html" style="background: url(images/user/icon-1.png) no-repeat left center;">我的图文</a></dd>
        <dd data-tag="user-zhanghao" class="active"><a href="user-zhanghao.html" style="background: url(images/user/icon-2.png) no-repeat left center;">我的账号</a></dd>
        <dd data-tag="user-tongji"><a href="user-tongji.html" style="background: url(images/user/icon-3.png) no-repeat left center;">当前统计</a></dd>
        <dd data-tag="user-huishou"><a href="user-huishou.html" style="background: url(images/user/icon-4.png) no-repeat left center;">回收站</a></dd>
        <dd><a style="background: url(images/user/icon-5.png) no-repeat left center;">返回首页</a></dd>
        <dd><a style="background: url(images/user/icon-6.png) no-repeat left center;">退出</a></dd>
    </dl>
    <script>
        $(function(){
            $(".hs-title-btn" ).each(function(i){
                $(this ).click(function(){
                    $(this ).addClass('active' ).siblings().removeClass('active')
                    $(".content"+i ).show().siblings().hide();
                })
            })
        })
    </script>
    <div class="user-content pull-left">
        <div class="title-box">
            <div class="title">
                <div class="pull-left over-flow" style="width: 40%">
                    <span class="hs-title-btn active">图片</span>
                    <span class="hs-title-btn">文档</span>
                    <span class="hs-title-btn">视频</span>
                </div>
                <div class="xiangying over-flow pull-right" style="width: 50%;">
                    <div class="search-box-list" style="width: 80%">
                        <input id="search-one" type="text" class="main-search-input" placeholder="请输入关键词" style="height: 48px;"/>
                    </div>
                    <div class="search-box-list" style="width: 20%">
                        <input class="main-search-btn" type="submit" value="搜索" style="height: 48px;"/>
                    </div>
                </div>


            </div>
            <div class="content">
                <div>
                <ul style="display: block" class="huishou over-flow content0">
                    <li class="over-flow">
                        <img src="images/user/hs-pic.jpg">
                        <p><span class="header">拍摄人：</span>钟桂林</p>
                        <p><span class="header">拍摄地点：</span>太空</p>
                        <p><span class="header">拍摄时间：</span>2016-07-11</p>
                        <p><span class="header">图片价格：</span>250元</p>
                        </p>
                        <span class="del">彻底删除</span>
                        <span class="reset">还原</span>
                    </li>
                    <li class="over-flow">
                        <img src="images/user/hs-pic.jpg">
                        <p><span class="header">拍摄人：</span>钟桂林</p>
                        <p><span class="header">拍摄地点：</span>太空</p>
                        <p><span class="header">拍摄时间：</span>2016-07-11</p>
                        <p><span class="header">图片价格：</span>250元</p>
                        </p>
                        <span class="del">彻底删除</span>
                        <span class="reset">还原</span>
                    </li>
                    <li class="over-flow">
                        <img src="images/user/hs-pic.jpg">
                        <p><span class="header">拍摄人：</span>钟桂林</p>
                        <p><span class="header">拍摄地点：</span>太空</p>
                        <p><span class="header">拍摄时间：</span>2016-07-11</p>
                        <p><span class="header">图片价格：</span>250元</p>
                        </p>
                        <span class="del">彻底删除</span>
                        <span class="reset">还原</span>
                    </li>
                    <li class="over-flow">
                        <img src="images/user/hs-pic.jpg">
                        <p><span class="header">拍摄人：</span>钟桂林</p>
                        <p><span class="header">拍摄地点：</span>太空</p>
                        <p><span class="header">拍摄时间：</span>2016-07-11</p>
                        <p><span class="header">图片价格：</span>250元</p>
                        </p>
                        <span class="del">彻底删除</span>
                        <span class="reset">还原</span>
                    </li>
                    <li class="over-flow">
                        <img src="images/user/hs-pic.jpg">
                        <p><span class="header">拍摄人：</span>钟桂林</p>
                        <p><span class="header">拍摄地点：</span>太空</p>
                        <p><span class="header">拍摄时间：</span>2016-07-11</p>
                        <p><span class="header">图片价格：</span>250元</p>
                        </p>
                        <span class="del">彻底删除</span>
                        <span class="reset">还原</span>
                    </li>
                    <li class="over-flow">
                        <img src="images/user/hs-pic.jpg">
                        <p><span class="header">拍摄人：</span>钟桂林</p>
                        <p><span class="header">拍摄地点：</span>太空</p>
                        <p><span class="header">拍摄时间：</span>2016-07-11</p>
                        <p><span class="header">图片价格：</span>250元</p>
                        </p>
                        <span class="del">彻底删除</span>
                        <span class="reset">还原</span>
                    </li>
                </ul>
                <ul style="display: none;" class="wendang-list content1">
                    <li class="over-flow">
                        <dl>
                            <dt class="over-flow pull-left"><img src="images/sub/wendang-icon.png"></dt>
                            <dd class="over-flow pull-left">
                                <p class="wendang-title">新白沙沱大桥首对斜拉索挂设成功</p>
                                <p class="time">发布时间：2015-08-13</p>
                                <dl class="desc">
                                    <dt class="pull-left" style="width: 50px;;">简介：</dt>
                                    <dd class="pull-left" style="width:84% ">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</dd>
                                </dl>
                            </dd>
                        </dl>
                    </li>
                    <li class="over-flow">
                        <dl>
                            <dt class="over-flow pull-left"><img src="images/sub/wendang-icon.png"></dt>
                            <dd class="over-flow pull-left">
                                <p class="wendang-title">新白沙沱大桥首对斜拉索挂设成功</p>
                                <p class="time">发布时间：2015-08-13</p>
                                <dl class="desc">
                                    <dt class="pull-left" style="width: 50px;;">简介：</dt>
                                    <dd class="pull-left" style="width:84% ">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</dd>
                                </dl>
                            </dd>
                        </dl>
                    </li>
                    <li class="over-flow">
                        <dl>
                            <dt class="over-flow pull-left"><img src="images/sub/wendang-icon.png"></dt>
                            <dd class="over-flow pull-left">
                                <p class="wendang-title">新白沙沱大桥首对斜拉索挂设成功</p>
                                <p class="time">发布时间：2015-08-13</p>
                                <dl class="desc">
                                    <dt class="pull-left" style="width: 50px;;">简介：</dt>
                                    <dd class="pull-left" style="width:84% ">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</dd>
                                </dl>
                            </dd>
                        </dl>
                    </li>
                </ul>
                    <ul class="shipin-list content2" style="display: none;">
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                        <li><a><img src="images/sub/shipi-box.png"></a></li>
                    </ul>
                </div>
                <div class="text-center">
                    <ul class="fenye">
                        <li><a>上一页</a></li>
                        <li><a>1</a></li>
                        <li><a>...</a></li>
                        <li><a>6</a></li>
                        <li><a>7</a></li>
                        <li><a class="active">8</a></li>
                        <li><a>9</a></li>
                        <li><a>...</a></li>
                        <li><a>400</a></li>
                        <li><a>下一页</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="foot over-flow clearfix">
    <div class="foot-box">
        <div class="over-flow" style="background: url(images/foot-bg.png) top right no-repeat;height: 120px;">
            <div class="box content text-center">
                <p>您是第<span style="background: #909090;color: #fff;display: inline-block;padding: 0px 3px;margin: 0px 8px;">6879456</span>位访者</p>
                <p>2013&nbsp;&nbsp;版权所有&nbsp;&nbsp;重庆市交通委员会&nbsp;&nbsp;联系电话：023-8918300&nbsp;&nbsp;传真：023-89183222<span style="display: inline-block;background: url(images/foot-2.png) left center no-repeat;padding-left: 20px;">渝ICP备0978456号</span></p>
                <p>技术支持：重庆旺山实业有限公司</p>
            </div>

        </div>
    </div>
</div>

</body>
</html>